import Vue from 'vue'
import VueRouter from 'vue-router'
// import Login from '../components/Login.vue'
// import Home from '../components/Home.vue'
// import Welcome from '../components/Welcome.vue'
// import Users from '../components/user/Users.vue'
// import Rights from '../components/power/Rights.vue'
// import Roles from '../components/power/Roles.vue'
// import Cate from '../components/goods/Cate.vue'
// import Params from '../components/goods/Params.vue'
// import List from '../components/goods/List.vue'
// import Add from '../components/goods/Add.vue'
// import Order from '../components/order/Order.vue'
// import Report from '../components/report/Report.vue'

// 导入Login页面
const Login = () =>
    import ( /* webpackChunkName: "login_home_welcome" */ '../components/Login.vue')

//导入Home页面
const Home = () =>
    import ( /* webpackChunkName: "login_home_welcome" */ '../components/Home.vue')

//导入Welcome页面
const Welcome = () =>
    import ( /* webpackChunkName: "login_home_welcome" */ '../components/Welcome.vue')

//导入Users子页面
const Users = () =>
    import ( /* webpackChunkName: "Users_Rights_Roles" */ '../components/user/Users.vue')

// 导入权限列表页面
const Rights = () =>
    import ( /* webpackChunkName: "Users_Rights_Roles" */ '../components/power/Rights.vue')

// 导入角色列表页面
const Roles = () =>
    import ( /* webpackChunkName: "Users_Rights_Roles" */ '../components/power/Roles.vue')


// 导入商品分类页面
const Cate = () =>
    import ( /* webpackChunkName: "Cate_Params" */ '../components/goods/Cate.vue')

// 导入商品参数页面
const Params = () =>
    import ( /* webpackChunkName: "Cate_Params" */ '../components/goods/Params.vue')


// 导入商品列表页面
const List = () =>
    import ( /* webpackChunkName: "List_Add" */ '../components/goods/List.vue')

// 导入添加商品列表页面
const Add = () =>
    import ( /* webpackChunkName: "List_Add" */ '../components/goods/Add.vue')


// 导入订单详情页面
const Order = () =>
    import ( /* webpackChunkName: "Oreder_Report" */ '../components/order/Order.vue')

// 导入数据报表页面
const Report = () =>
    import ( /* webpackChunkName: "Oreder_Report" */ '../components/report/Report.vue')

Vue.use(VueRouter)

const routes = [
    { path: '/', redirect: '/login' },
    { path: '/login', component: Login },
    {
        path: '/home',
        component: Home,
        redirect: '/welcome',
        children: [{
                path: '/welcome',
                component: Welcome
            },
            {
                path: '/users',
                component: Users
            }, {
                path: '/rights',
                component: Rights
            }, {
                path: '/roles',
                component: Roles
            }, {
                path: '/categories',
                component: Cate
            }, {
                path: '/params',
                component: Params
            }, {
                path: '/goods',
                component: List,
            }, {
                path: '/goods/add',
                component: Add,
            }, {
                path: '/orders',
                component: Order,
            }, {
                path: '/reports',
                component: Report,
            }

        ]
    }
]

const router = new VueRouter({
    routes
})

// 挂载路由导航守卫————用于确认是否含有token，若无则跳转回Login页面
router.beforeEach((to, from, next) => {
    // to：表示访问的路径
    // from：表示从哪个路径跳转而来
    // next：是一个函数，表示放行
    if (to.path === '/login') return next();
    //获取token
    const tokenStr = window.sessionStorage.getItem('token');
    if (!tokenStr) return next('/login')
    next()
})


export default router